/*========================================
        REGISTRATION PAGE CSS STARTS 
==========================================*/
#registration-page{
   padding-top: 91px;
   @media(width:$mobile){
    padding-top:160px
  }
  @media(width:$mobile-max){
    padding-top:140px
  }
  @media(width:640){
    padding:115px;
  }
  .container{
    padding: 0;
    margin: 0 auto;
    max-width: 990px;
  }
}
.registration-wrap{
   margin:20px 0px 104px;
   width: 100%;
   float: left;
.registration-form{

	border-right: 2px solid $dark_grey;
     width: 100%;
     float: left;
      @media (max-width: $tablet-max)
     {
      border: none;
     }
   form {
   	
   	border: 2px solid $black;
   	padding: 25px 15px 21px 18px;
   	float: left;
   	min-height: 350px;
   	max-width: 360px;
     
     .form-group{
			margin: 0px 0px 21px 0px;
			font-family: verdana;
			font-size: 12px;
			font-weight: bold;
			color: $black;
			text-transform: uppercase;
			text-align: left;
			span{
				color:#ff2948;
			}
     }
     .txtinput{
     	border:2px solid $black;
     	height: 38px;
     	text-transform: none;
     	border-radius: 0px;
      
    &:focus{
    	box-shadow: none;
    }
     	
    
     }

    label{
    	padding: 0px;
    	text-align: left;
    @media (min-width: $mobile) and (max-width: $tablet){
            
      padding-left: 15px;  
    }
    }

    .notice{
    	font-size: 12px;
    	color:$dark_grey;
    	margin-bottom: 20px;
    	font-family: verdana;
    	span{
    		color:#ff2948;
    	}
    }

    }
}


.social-button{
	margin: 120px 0px 0px 0px;
	width: 100%;
	float: left;
   img{
    min-width: 100%;
     @media(max-width:$mobile-max){
      min-width:0 !important;
    }
  }
		img:first-child{

			margin-bottom: 16px;
		}
	

}

}



.registration-form{
   .click{
   margin-top: 20px;
   	width: 100%;
   	float: left;
   	min-height: 32px;
   	input[type=submit]:first-child{
	 
		@include button($black,$white,$yellow,$black);
			
		padding:12px 22px;
		font-family: verdana;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
    
		
		margin-right: 12px;

	


}

input[type=submit]:nth-child(2)
	{
     
      	@include button($black,$white,$yellow,$black);
			
		font-family: verdana;
		font-size: 10px;
		font-weight: bold;
		padding:12px 22px;
		text-transform: uppercase;
   

     

	}
  }

  
 

}


/*
   custom check box
*/
.choice{
    input[type="checkbox"]{
       display: none;

       }
     input[type="checkbox"] + label:before {
         background-color: $white;
         border: 2px solid $black;
         content:"";
         display: inline-block;
         font-size: 12px;
         height: 20px;
         width:20px;
         line-height: 16px;
         vertical-align: middle;
         margin:-2px 6px 0 -20px;
     } 
      input[type="checkbox"]:checked + label:before {
        content:"\2713";
        text-align: center;
      }
    
	label{
		font-family: verdana;
		font-size: 12px;
		color: $dark_grey;
		text-transform: none;
	}
    } 
